/**
 * Created by Dinh Thi on 2/25/15.
 */
var ThongKeDoanhSo = {
    ThongKeTheoNgay: function(button){
        var begin = $('#txtNgayBatDau');
        if (begin.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng chọn <b>Ngày bắt đầu</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            begin.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            begin.focus();
            return;
        }

        var end = $('#txtNgayKetThuc');
        if (end.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng chọn <b>Ngày kết thúc</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            end.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            end.focus();
            return;
        }


        button = $(button);
        button.prop('disabled', true);
        button.find('.fa-loading').show();

        var type = $('#cbKieuThongKe').val();
        var url = 'ThongKeDoanhSoTheoNgay';
        if (type == 2){
            url = 'ThongKeDoanhSoTheoThang';
        }

        $.post(QuanLyBanHangStatic.baseURL + 'ThongKe/' + url, {begin: begin.val(), end: end.val()}, function(data){
            data = JSON.parse(data);
            console.log(data);
            var size = data['Ngay'].length;
            console.log(size);


            $('#chart').highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: 'Doanh số theo ngày'
                },
                subtitle: {
                    text: ''
                },
                xAxis: {
                    categories: data['Ngay'],
                    labels: {
                        step: parseInt(size / 5),
                    }
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: 'đồng (đ)'
                    }
                },
                tooltip: {
                    headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                    pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                        '<td style="padding:2px; text-align: right;"><b>{point.y:,.0f} đ</b></td></tr>',
                    footerFormat: '</table>',
                    shared: true,
                    useHTML: true
                },
                plotOptions: {
                    column: {
                        pointPadding: 0.2,
                        borderWidth: 0
                    }
                },
                series: [{
                    name: 'Trị giá',
                    data: data['TriGia']

                }, {
                    name: 'Giá vốn',
                    data: data['GiaGoc']

                }, {
                    name: 'Chi tiêu',
                    data: data['ChiTieu']

                }, {
                    name: 'Lợi nhuận',
                    data: data['LoiNhuan']

                }]
            });

            button.prop('disabled', false);
            button.find('.fa-loading').hide();
        });
    }
};